<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <title>jd</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/jd.css"/>
    <script src="js/jd.js"></script>
    <!--<script src="js/zepto.min.js"></script>-->
</head>
<body>
<div class="jd-body">

    <!--头部-->
    <div class="header">
        <div class="header-box">
            <a href="javascript:;" class="icon"></a>
            <form action="#">
                <span class="icon" for="inp"></span>
                <input id="inp" type="search" placeholder="请输入您想要搜索的商品"/>
            </form>
            <a href="javascript:;">登录</a>
        </div>
    </div>

    <!--轮播-->
    <div class="banner" id="banner">
        <ul>
            <li><a href="javascript:;"><img src="images/l8.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l1.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l2.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l3.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l4.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l5.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l6.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l7.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l8.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="images/l1.jpg" alt=""/></a></li>
        </ul>
        <ul>
            <li class="now"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <!--nav-->
    <div class="nav">
        <ul>
            <li>
                <a href="javascript:;"><img src="images/nav0.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav1.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav2.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav3.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav4.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav5.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav6.png" alt=""/></a>
                <p>京东商城</p>
            </li>
            <li>
                <a href="javascript:;"><img src="images/nav7.png" alt=""/></a>
                <p>京东商城</p>
            </li>
        </ul>
    </div>

    <!--秒杀区域-->
    <div class="seckill">
        <div class="seckill-top">
            <div class="seckill-top-left">
                <span class="icon f-left"></span>
                <span class="f-left">京东秒杀</span>
                <div class="timer f-left">
                    <span>0</span>
                    <span>0</span>
                    <span>:</span>
                    <span>0</span>
                    <span>0</span>
                    <span>:</span>
                    <span>0</span>
                    <span>0</span>
                </div>
            </div>
            <div class="seckill-more f-right">
                <!--<span>更多</span>-->
                <span><a href="javascript:;">更多 ></a></span>
            </div>
        </div>
        <div class="seckill-bottom">
            <ul>
                <li>
                    <a href="javascript:;"><img src="uploads/seckill_1.jpg" alt=""/></a>
                    <p>&yen;666</p>
                    <p>&yen;66</p>
                </li>
                <li>
                    <a href="javascript:;"><img src="uploads/seckill_2.jpg" alt=""/></a>
                    <p>&yen;666</p>
                    <p>&yen;66</p>
                </li>
                <li>
                    <a href="javascript:;"><img src="uploads/seckill_3.jpg" alt=""/></a>
                    <p>&yen;666</p>
                    <p>&yen;66</p>
                </li>
            </ul>
        </div>
    </div>

    <!--主区域-->
    <div class="main">
        <img src="images/banner_bg.jpg" alt=""/>
        <ul>
            <li><a href="javascript:;"><img src="uploads/banner_1.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/banner_2.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/banner_3.jpg" alt=""/></a></li>
        </ul>
    </div>

    <!--商品区域-->
    <div class="shop">
        <ul>
            <li><a href="javascript:;"><img src="uploads/major_1.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/major_2.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/major_3.jpg" alt=""/></a></li>
        </ul>
        <ul>
            <li><a href="javascript:;"><img src="uploads/major_4.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/major_5.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/major_6.jpg" alt=""/></a></li>
            <li><a href="javascript:;"><img src="uploads/major_7.jpg" alt=""/></a></li>
        </ul>
    </div>
    
    <!--底部-->
    <div class="advert">
        <img src="images/advert_1.jpg" alt=""/>
    </div>
</div>
</body>
</html>